<div id="templatemo_content">
                <div id="banner" >
                    <div class="slideshow"> 
		   <ul> 
			  <li><img src="images/1.jpg" /></li>
			  <li><img src="images/2.jpg" /></li>
			  <li><img src="images/3.jpg" /></li>
			  <li><img src="images/4.jpg" /></li>
			  <li><img src="images/5.jpg" /></li>
		   </ul> 
		</div> 

		<!-- change image links -->
		<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0)">1</a>
		<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1)">2</a>
		<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2)">3</a>
		<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(3)">4</a>
		<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(4)">5</a>
                </div>
    <script type="text/javascript">
			$(window).load(function () {
				// start the slideshow
				$('.slideshow').blinds();
			})
		</script>